<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML TAB</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <div class="wrapper">
    <div class="content">
        <div class="tabs">
            <nav class="tabs__items">
                <a href="#tab_1" class="tabs__item"><span>Первая вкладка</span></a>
                <a href="#tab_2" class="tabs__item"><span>Вторая вкладка</span></a>
                <a href="#tab_3" class="tabs__item"><span>Третья вкладка</span></a>
            </nav>
            <div class="tabs_body">
                <div class="tabs__block" id="tab_1">
                    Первая вкладка
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem aliquid obcaecati sint temporibus voluptatibus! Modi impedit voluptates excepturi cupiditate sapiente porro corporis cumque, aspernatur ad eum, voluptatibus veniam, dicta expedita.
                </div>
                <div class="tabs__block" id="tab_2">
                    Вторая вкладка
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae illo excepturi corrupti nostrum quos sequi consequatur obcaecati consequuntur. Dolor vitae ipsa blanditiis labore earum veniam provident ipsum nisi? Unde, nostrum.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem aliquid obcaecati sint temporibus voluptatibus! Modi impedit voluptates excepturi cupiditate sapiente porro corporis cumque, aspernatur ad eum, voluptatibus veniam, dicta expedita.
                </div>
                <div class="tabs__block" id="tab_3">
                    Третья вкладка
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus natus molestiae deserunt qui reprehenderit, veniam quas nostrum doloribus illum, vero nobis est quasi. Hic ratione excepturi, ipsa suscipit consectetur cum!
                </div>
            </div>
        </div>
        <div class="text_content">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente quibusdam cum vero commodi vel sunt unde aliquid ipsa aspernatur eos! Deserunt tempore itaque molestiae autem nihil accusamus in iure dolores? Incidunt, numquam adipisci deserunt magnam reprehenderit natus, consequatur accusamus iusto quam, animi quasi soluta omnis iste ullam distinctio. Nihil eius accusamus atque, alias vitae voluptatibus aliquam, nostrum earum deleniti, fugiat inventore. At, quas quibusdam culpa delectus commodi similique molestias harum blanditiis explicabo rerum accusantium sit quia excepturi doloribus pariatur. Commodi alias ipsum at ratione soluta adipisci, laboriosam molestias dolorem rerum tenetur hic exercitationem sint neque nemo dolore, pariatur cupiditate. Magnam.
        </div>
    </div>
  </div>
</html>